import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-product',
  templateUrl: './product.component.html',
  styleUrls: ['./product.component.css']
})
export class ProductComponent implements OnInit {

  // 生成数组，存储将要展示的商品信息
  private products: Array<Product>;

  private imgUrl = 'https://source.unsplash.com/300x200/?phone';

  constructor() { }

  ngOnInit() {
    this.products = [
      new Product(1, '第1个商品', 1.99, 1.5, "这是第1个商品,我在划水时创建的", ["电子产品", "衣服"]),
      new Product(2, '第2个商品', 1.99, 3.5, "这是第2个商品,我在划水时创建的", ["家电", "衣服"]),
      new Product(3, '第3个商品', 1.99, 2.5, "这是第3个商品,我在划水时创建的", ["手机", "衣服"]),
      new Product(4, '第4个商品', 1.99, 3.5, "这是第4个商品,我在划水时创建的", ["数码", "衣服"]),
      new Product(5, '第5个商品', 1.99, 4.5, "这是第5个商品,我在划水时创建的", ["电子产品", "衣服"]),
      new Product(6, '第6个商品', 1.99, 3.5, "这是第6个商品,我在划水时创建的", ["电子产品", "衣服"]),
    ]
  }

}
// 这个类描述产品包含的信息
export class Product {
  constructor(
    public id: number,
    public title: string,
    public price: number,
    public rating: number,
    public desc: string,
    public categories: Array<string>
  ) {

  }
}
